@media only screen and (min-width: 320px) and (max-width: 640px) {
  .table {
    background: url("../../../../assets/images/news_table.png") 100% 100% no-repeat;
    background-size: cover;
  }
  .title {
    height: 0.6rem;
    line-height: 0.6rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
    margin: 0 auto;
    font-size: 0.28rem;
    color: #000;
    text-align: center;
  }
  .content {
    margin: 0 auto;
    max-width: 12rem;
    font-size: 0.16rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .table {
    background: url("../../../../assets/images/news_table.png") 100% 100% no-repeat;
    background-size: cover;
  }
  .title {
    height: 0.6rem;
    line-height: 0.6rem;
    max-width: 12rem;
    margin: 0 auto;
    font-size: 0.28rem;
    color: #000;
    text-align: center;
  }
  .content {
    margin: 0 auto;
    max-width: 12rem;
    font-size: 0.16rem;
  }
}

@media screen and (min-width: 1024px) {
  .table {
    background: url("../../../../assets/images/news_table.png") 100% 100% no-repeat;
    background-size: cover;
  }
  .title {
    height: 0.6rem;
    line-height: 0.6rem;
    max-width: 12rem;
    margin: 0 auto;
    font-size: 0.28rem;
    color: #000;
    text-align: center;
  }
  .content {
    margin: 0 auto;
    max-width: 12rem;
    font-size: 0.16rem;
  }
}
